<template>
    <view class="designer_detail_page flex-col">

        <view class="box_4 flex-col"></view>
        <view class="box_5 flex-row">
            <view class="box_6 flex-row">
                <view class="group_1 flex-col"></view>
                <view class="group_2 flex-col justify-between">
                    <view class="section_1 flex-col"></view>
                    <view class="text-group_1 flex-col justify-between">
                        <text class="text_3">07</text>
                        <text class="text_4">NEWS</text>
                    </view>
                </view>
            </view>
            <text class="text_5">DESIGNER</text>
            <text class="text_6">INTRODUCTION</text>
        </view>
        <view class="image-wrapper_1 flex-col">
            <image class="image_2" referrerpolicy="no-referrer"
                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG28d42b996ab8c4807116a6a6a2c133d5.png" />
        </view>
        <view class="box_7 flex-row">
            <text class="text_7">张艺欢</text>
            <view class="section_2 flex-col justify-between">
                <div class="group_3 flex-col"></div>
                <text class="text_8">7年经验</text>
            </view>
            <view class="tag_1 flex-col">
                <image class="thumbnail_5" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG6df19e44fc00396eee77d3996c2c3ebd.png" />
            </view>
            <view class="icon_2 flex-col">
                <image class="thumbnail_6" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG87b959866e47ba0bfc53e276600fec4f.png" />
                <view class="box_8 flex-col"></view>
            </view>
        </view>
        <text class="text_9">荣誉：中国造园协会会员</text>
        <view class="box_9 flex-row">
            <view class="group_4 flex-col">
                <view class="image-text_1 flex-row justify-between">
                    <image class="icon_3" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG3abc4dad3c388a217f8348815d967119.png" />
                    <text class="text-group_2">年龄：27岁</text>
                </view>
                <view class="image-text_2 flex-row justify-between">
                    <image class="icon_4" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG1854d14396f9258cb3ebfe2588bb776d.png" />
                    <view class="text-group_3 flex-row">
                        <text class="text_10">性别：女</text>
                        <text class="text_11">性别：女</text>
                    </view>
                </view>
                <view class="image-text_3 flex-row justify-between">
                    <image class="icon_5" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG66c6646cd6bf9776e21327fd65c8ff50.png" />
                    <text class="text-group_4">毕业院校：重庆大学</text>
                </view>
                <view class="image-text_4 flex-row justify-between">
                    <image class="icon_6" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG58dde78ed1329ade794b15a2573a2e64.png" />
                    <text class="text-group_5">
                        擅长领域：中式复古&nbsp;|&nbsp;时尚简约&nbsp;|&nbsp;欧式简约
                    </text>
                </view>
            </view>
            <button class="button_1 flex-col" @click="onClick_1">
                <text class="text_12">收藏设计师</text>
            </button>
        </view>
        <view class="box_10 flex-row">
            <text class="text_13">
                设计师理念是在空间作品构思过程中所确立的主导思想，它赋予作品文化内涵和风格特点。
            </text>
            <view class="block_1 flex-col"></view>
        </view>
        <view class="box_11 flex-row">
            <text class="text_14">
                园林专业培养具备植物学、生态学、园林植物与观赏园艺、园林规划设计和园林工程等方面的基本理论、知识和技能，能在城市建设、园林、林业等领域和部门从事城镇各类园林绿地、风景区等的规划、设计、施工、园林植物繁育栽培及管理的高素质应用型高级专门人才
            </text>
            <view class="box_12 flex-col"></view>
        </view>
        <view class="image-text_5 flex-row justify-between">
            <text class="text-group_6">在建工地&nbsp;3</text>
            <image class="icon_7" referrerpolicy="no-referrer"
                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGa08b84a4e54f169547889851613a84ae.png" />
        </view>
        <view class="box_13 flex-row justify-between">
            <view class="box_14 flex-col"></view>
            <text class="text_15">每一个作品都用心对待</text>
        </view>
        <view class="image-text_6 flex-row justify-between">
            <text class="text-group_7">设计师作品集&nbsp;23</text>
            <image class="icon_8" referrerpolicy="no-referrer"
                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGa08b84a4e54f169547889851613a84ae.png" />
        </view>
        <view class="box_15 flex-row justify-between">
            <view class="block_2 flex-col">
                <view class="group_5 flex-row">
                    <view class="text-group_8 flex-col justify-between">
                        <text class="text_16">「蓝铂湾私宅庭院」</text>
                        <text class="text_17">132㎡&nbsp;|&nbsp;简约&nbsp;|&nbsp;现代</text>
                    </view>
                </view>
            </view>
            <view class="block_3 flex-col">
                <view class="box_16 flex-row">
                    <view class="text-group_9 flex-col justify-between">
                        <text class="text_18">「蓝铂湾私宅庭院」</text>
                        <text class="text_19">132㎡&nbsp;|&nbsp;简约&nbsp;|&nbsp;现代</text>
                    </view>
                </view>
            </view>
        </view>
        <button class="button_2 fcc" @click="onClick_2">
            <text class="text_20">预约设计师</text>
        </button>
        <image class="image_3" referrerpolicy="no-referrer"
            src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG9130ba03c0d7333af5153ad9fa93623f.png" />
        <view class="box_17 flex-col">
            <view class="group_6 flex-col">
                <view class="text-group_10 flex-col justify-between">
                    <text class="text_21">「蓝铂湾私宅庭院」</text>
                    <text class="text_22">132㎡&nbsp;|&nbsp;简约&nbsp;|&nbsp;现代</text>
                </view>
                <image class="image_4" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGceb5eb1a5f7626d8b7463f685ad9bd78.png" />
            </view>
        </view>
        <text class="text_23">用心的人没有对手</text>
        <text class="text_24">优秀设计师</text>
    </view>
</template>
<script setup>
import { } from 'vue'

const onClick_1 = () => { }
const onClick_2 = () => { }
</script>
<style scoped lang="scss">
.designer_detail_page {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 750rpx;
    height: 3660rpx;
    overflow: hidden;

    .box_1 {
        width: 682rpx;
        height: 36rpx;
        margin: 30rpx 0 0 42rpx;

        .text_1 {
            width: 108rpx;
            height: 36rpx;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 1);
            font-size: 30rpx;
            letter-spacing: -0.30000001192092896px;
            font-family: AlibabaPuHuiTi-Regular;
            font-weight: normal;
            text-align: center;
            white-space: nowrap;
            line-height: 36rpx;
        }

        .thumbnail_1 {
            width: 34rpx;
            height: 22rpx;
            margin: 6rpx 0 0 438rpx;
        }

        .thumbnail_2 {
            width: 32rpx;
            height: 22rpx;
            margin: 6rpx 0 0 10rpx;
        }

        .image_1 {
            width: 50rpx;
            height: 24rpx;
            margin: 6rpx 0 0 10rpx;
        }
    }

    .box_2 {
        width: 702rpx;
        height: 64rpx;
        margin: 34rpx 0 0 36rpx;

        .icon_1 {
            width: 18rpx;
            height: 34rpx;
            margin-top: 16rpx;
        }

        .text_2 {
            width: 168rpx;
            height: 40rpx;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 0.9);
            font-size: 34rpx;
            font-family: AlibabaPuHuiTi-Regular;
            font-weight: normal;
            text-align: center;
            white-space: nowrap;
            line-height: 40rpx;
            margin: 8rpx 0 0 238rpx;
        }

    }

    .box_4 {
        background-color: rgba(0, 0, 0, 0.1);
        width: 750rpx;
        height: 2rpx;
        margin-top: 12rpx;
    }

    .box_5 {
        position: relative;
        width: 546rpx;
        height: 524rpx;
        margin: 60rpx 0 0 366rpx;

        .box_6 {
            background-color: rgba(245, 245, 245, 1);
            width: 354rpx;
            height: 524rpx;

            .group_1 {
                background-color: rgba(255, 255, 255, 0.3);
                width: 68rpx;
                height: 488rpx;
                margin: 42rpx 0 0 126rpx;
            }

            .group_2 {
                width: 88rpx;
                height: 126rpx;
                margin: 360rpx 60rpx 0 12rpx;

                .section_1 {
                    background-color: rgba(225, 225, 225, 1);
                    width: 2rpx;
                    height: 48rpx;
                    margin-left: 68rpx;
                }

                .text-group_1 {
                    width: 88rpx;
                    height: 58rpx;
                    margin-top: 20rpx;

                    .text_3 {
                        width: 48rpx;
                        height: 24rpx;
                        overflow-wrap: break-word;
                        color: rgba(225, 225, 225, 1);
                        font-size: 40rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 24rpx;
                        margin-left: 40rpx;
                    }

                    .text_4 {
                        width: 88rpx;
                        height: 24rpx;
                        overflow-wrap: break-word;
                        color: rgba(225, 225, 225, 1);
                        font-size: 32rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 24rpx;
                        margin-top: 10rpx;
                    }
                }
            }
        }

        .text_5 {
            width: 208rpx;
            height: 24rpx;
            overflow-wrap: break-word;
            color: rgba(61, 61, 61, 1);
            font-size: 40rpx;
            font-family: Songti SC-黑体;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 24rpx;
            margin: 60rpx 54rpx 0 -70rpx;
        }

        .text_6 {
            position: absolute;
            left: 230rpx;
            top: 60rpx;
            width: 316rpx;
            height: 24rpx;
            overflow-wrap: break-word;
            color: rgba(61, 61, 61, 1);
            font-size: 40rpx;
            font-family: Songti SC-黑体;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 24rpx;
        }
    }

    .image-wrapper_1 {
        box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.07);
        background-color: rgba(255, 255, 255, 1);
        height: 166rpx;
        width: 346rpx;
        margin: 32rpx 0 0 374rpx;

        .image_2 {
            width: 154rpx;
            height: 192rpx;
            margin: 12rpx 0 0 82rpx;
        }
    }

    .box_7 {
        width: 660rpx;
        height: 52rpx;
        margin: 50rpx 0 0 30rpx;

        .text_7 {
            width: 144rpx;
            height: 40rpx;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 1);
            font-size: 48rpx;
            font-family: Songti SC-黑体;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 40rpx;
            margin-top: 4rpx;
        }

        .section_2 {
            width: 108rpx;
            height: 28rpx;
            margin: 8rpx 0 0 24rpx;

            .group_3 {
                width: 34rpx;
                height: 2rpx;
            }

            .text_8 {
                width: 98rpx;
                height: 24rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 28rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 24rpx;
                margin: 2rpx 0 0 10rpx;
            }
        }

        .tag_1 {
            background-color: rgba(51, 51, 51, 1);
            border-radius: 566px;
            height: 24rpx;
            width: 116rpx;
            margin: 12rpx 0 0 10rpx;

            .thumbnail_5 {
                width: 24rpx;
                height: 24rpx;
            }
        }

        .icon_2 {
            box-shadow: 5px 6px 10px 0px rgba(97, 52, 27, 0.15);
            background-color: rgba(97, 52, 27, 1);
            height: 52rpx;
            margin-left: 206rpx;
            width: 52rpx;
            position: relative;

            .thumbnail_6 {
                width: 32rpx;
                height: 32rpx;
                margin: 12rpx 0 0 12rpx;
            }

            .box_8 {
                background-color: rgba(247, 53, 53, 1);
                border-radius: 50%;
                position: absolute;
                left: 44rpx;
                top: -6rpx;
                width: 16rpx;
                height: 16rpx;
            }
        }
    }

    .text_9 {
        width: 308rpx;
        height: 28rpx;
        overflow-wrap: break-word;
        color: rgba(0, 0, 0, 1);
        font-size: 28rpx;
        font-family: Songti SC-常规体;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 28rpx;
        margin: 20rpx 0 0 30rpx;
    }

    .box_9 {
        width: 720rpx;
        height: 286rpx;
        margin: 50rpx 0 0 30rpx;

        .group_4 {
            background-color: rgba(245, 245, 245, 1);
            width: 690rpx;
            height: 286rpx;

            .image-text_1 {
                width: 180rpx;
                height: 40rpx;
                margin: 32rpx 0 0 30rpx;

                .icon_3 {
                    width: 30rpx;
                    height: 30rpx;
                    margin-top: 6rpx;
                }

                .text-group_2 {
                    width: 142rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 40rpx;
                }
            }

            .image-text_2 {
                width: 148rpx;
                height: 40rpx;
                margin: 20rpx 0 0 30rpx;

                .icon_4 {
                    width: 30rpx;
                    height: 30rpx;
                    margin-top: 6rpx;
                }

                .text-group_3 {
                    position: relative;
                    width: 110rpx;
                    height: 40rpx;

                    .text_10 {
                        width: 110rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(0, 0, 0, 1);
                        font-size: 28rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                    }

                    .text_11 {
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 110rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(0, 0, 0, 1);
                        font-size: 28rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                    }
                }
            }

            .image-text_3 {
                width: 286rpx;
                height: 40rpx;
                margin: 20rpx 0 0 30rpx;

                .icon_5 {
                    width: 30rpx;
                    height: 30rpx;
                    margin-top: 6rpx;
                }

                .text-group_4 {
                    width: 248rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 40rpx;
                }
            }

            .image-text_4 {
                width: 542rpx;
                height: 40rpx;
                margin: 20rpx 0 34rpx 32rpx;

                .icon_6 {
                    width: 28rpx;
                    height: 28rpx;
                    margin-top: 6rpx;
                }

                .text-group_5 {
                    width: 504rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 40rpx;
                }
            }
        }

        .button_1 {
            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
            background-color: rgba(0, 0, 0, 1);
            border-radius: 4px 0px 4px 0px;
            height: 72rpx;
            margin-left: -170rpx;
            width: 200rpx;

            .text_12 {
                width: 148rpx;
                height: 42rpx;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 30rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 42rpx;
                margin: 16rpx 0 0 26rpx;
            }
        }
    }

    .box_10 {
        position: relative;
        width: 660rpx;
        height: 100rpx;
        margin: 40rpx 0 0 60rpx;

        .text_13 {
            width: 650rpx;
            height: 100rpx;
            overflow-wrap: break-word;
            color: rgba(61, 61, 61, 1);
            font-size: 28rpx;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: left;
            line-height: 50rpx;
            margin-left: 10rpx;
        }

        .block_1 {
            position: absolute;
            left: 0;
            top: 10rpx;
            width: 28rpx;
            height: 20rpx;
        }
    }

    .box_11 {
        position: relative;
        width: 646rpx;
        height: 300rpx;
        margin: 30rpx 0 0 60rpx;

        .text_14 {
            width: 636rpx;
            height: 300rpx;
            overflow-wrap: break-word;
            color: rgba(61, 61, 61, 1);
            font-size: 28rpx;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: left;
            line-height: 50rpx;
            margin-left: 10rpx;
        }

        .box_12 {
            position: absolute;
            left: 0;
            top: 12rpx;
            width: 28rpx;
            height: 20rpx;
        }
    }

    .image-text_5 {
        width: 194rpx;
        height: 30rpx;
        margin: 74rpx 0 0 30rpx;

        .text-group_6 {
            width: 172rpx;
            height: 24rpx;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 1);
            font-size: 36rpx;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 24rpx;
            margin-top: 4rpx;
        }

        .icon_7 {
            width: 16rpx;
            height: 30rpx;
        }
    }

    .box_13 {
        width: 394rpx;
        height: 374rpx;
        margin: 134rpx 0 0 302rpx;

        .box_14 {
            background-color: rgba(245, 245, 245, 1);
            width: 354rpx;
            height: 374rpx;
        }

        .text_15 {
            width: 30rpx;
            height: 280rpx;
            overflow-wrap: break-word;
            color: rgba(61, 61, 61, 1);
            font-size: 28rpx;
            font-family: Songti SC-细体;
            font-weight: normal;
            text-align: left;
            line-height: 28rpx;
            margin-top: 54rpx;
        }
    }

    .image-text_6 {
        width: 286rpx;
        height: 30rpx;
        margin: 228rpx 0 0 30rpx;

        .text-group_7 {
            width: 264rpx;
            height: 24rpx;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 1);
            font-size: 36rpx;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 24rpx;
            margin-top: 4rpx;
        }

        .icon_8 {
            width: 16rpx;
            height: 30rpx;
        }
    }

    .box_15 {
        width: 962rpx;
        height: 580rpx;
        margin: 40rpx 0 0 30rpx;

        .block_2 {
            height: 580rpx;
            background: url(https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG7cb3b9d54530fdc27ea87c8d3b4d61df.png) 100% no-repeat;
            background-size: 100% 100%;
            width: 460rpx;

            .group_5 {
                background-image: linear-gradient(180deg,
                        rgba(0, 0, 0, 0) 0,
                        rgba(0, 0, 0, 0.7) 100%);
                width: 460rpx;
                height: 176rpx;
                margin-top: 404rpx;

                .text-group_8 {
                    width: 318rpx;
                    height: 88rpx;
                    margin: 68rpx 0 0 6rpx;

                    .text_16 {
                        width: 318rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(255, 255, 255, 1);
                        font-size: 36rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                    }

                    .text_17 {
                        width: 196rpx;
                        height: 36rpx;
                        overflow-wrap: break-word;
                        color: rgba(255, 255, 255, 1);
                        font-size: 24rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 36rpx;
                        margin: 12rpx 0 0 18rpx;
                    }
                }
            }
        }

        .block_3 {
            height: 580rpx;
            background: url(https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG7cb3b9d54530fdc27ea87c8d3b4d61df.png) 100% no-repeat;
            background-size: 100% 100%;
            width: 460rpx;

            .box_16 {
                background-image: linear-gradient(180deg,
                        rgba(0, 0, 0, 0) 0,
                        rgba(0, 0, 0, 0.7) 100%);
                width: 460rpx;
                height: 176rpx;
                margin-top: 404rpx;

                .text-group_9 {
                    width: 318rpx;
                    height: 88rpx;
                    margin: 68rpx 0 0 6rpx;

                    .text_18 {
                        width: 318rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(255, 255, 255, 1);
                        font-size: 36rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                    }

                    .text_19 {
                        width: 196rpx;
                        height: 36rpx;
                        overflow-wrap: break-word;
                        color: rgba(255, 255, 255, 1);
                        font-size: 24rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 36rpx;
                        margin: 12rpx 0 0 18rpx;
                    }
                }
            }
        }
    }

    .button_2 {
        box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.5);
        background-color: rgba(0, 0, 0, 1);
        height: 88rpx;
        width: 690rpx;
        margin: 82rpx 0 84rpx 30rpx;

        .text_20 {
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 32rpx;
            letter-spacing: 7px;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
        }
    }

    .image_3 {
        position: absolute;
        left: 0;
        top: 176rpx;
        width: 500rpx;
        height: 740rpx;
    }

    .box_17 {
        height: 640rpx;
        background: url(https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG5b6ac20375635f92e0276bfdadfe9cbb.png) 100% no-repeat;
        background-size: 100% 100%;
        width: 500rpx;
        position: absolute;
        left: 32rpx;
        top: 2050rpx;

        .group_6 {
            background-image: linear-gradient(180deg,
                    rgba(0, 0, 0, 0) 0,
                    rgba(0, 0, 0, 0.7) 100%);
            width: 500rpx;
            height: 176rpx;
            margin-top: 466rpx;

            .text-group_10 {
                width: 318rpx;
                height: 88rpx;
                margin: 28rpx 0 0 6rpx;

                .text_21 {
                    width: 318rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(255, 255, 255, 1);
                    font-size: 36rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 40rpx;
                }

                .text_22 {
                    width: 196rpx;
                    height: 36rpx;
                    overflow-wrap: break-word;
                    color: rgba(255, 255, 255, 1);
                    font-size: 24rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 36rpx;
                    margin: 12rpx 0 0 18rpx;
                }
            }

            .image_4 {
                width: 152rpx;
                height: 2rpx;
                margin: 28rpx 0 30rpx 24rpx;
            }
        }
    }

    .text_23 {
        position: absolute;
        left: 616rpx;
        top: 2112rpx;
        width: 30rpx;
        height: 224rpx;
        overflow-wrap: break-word;
        color: rgba(61, 61, 61, 1);
        font-size: 28rpx;
        font-family: Songti SC-细体;
        font-weight: normal;
        text-align: left;
        line-height: 28rpx;
    }

    .text_24 {
        position: absolute;
        left: 346rpx;
        top: 1014rpx;
        width: 80rpx;
        height: 40rpx;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 16rpx;
        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
        font-weight: normal;
        text-align: left;
        line-height: 40rpx;
    }
}
</style>